<template>
    <div class="img-content">
    <img :src="tipSrc">
    <div>
    <h1>授权失败</h1> 
    <div v-if="$route.query && $route.query.errorInfo">{{decodeURI($route.query.errorInfo)}} </div> 
    <a-button type="primary" @click="goBackHandle">返回首页</a-button>
  </div>
  </div>
</template>
<script>
export default {
  data(){
    return{
        tipSrc:require('@/assets/images/tip.png'),
    }
  },
 methods:{
  goBackHandle(){
    window.location.href = window._CONFIG['languURL']    
  }
 },
}
</script>
<style lang="less" scoped>
  .img-content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    img{
      width: 300px;
      object-fit: cover;
    }
    div{ 
      text-align: center;
      margin-top: 20px;
      /deep/.ant-btn{
        margin-top: 10px;
      }
    }
  }
</style>